
//颜色配置文件
/* 主题色变量 */

// $--color-primary: #155bd4;
// $--color-primary: #484887;
$--color-primary: #4466CF;

// 成功
$--color-success: #57B382;
// 警告
$--color-warning: #F6A623;
// 失败
$--color-danger: #F24E41;
// 提示
// $--color-info: #5C9FEE;
$--color-info: #909399;


// 边框
// 一级边框
$--border-color-base: #DCDFE6;
// 二级边框
$--border-color-light: #E4E7ED;
// 三级边框
$--border-color-lighter: #EBEEF5;
// 四级边框
$--border-color-extra-light: #F2F6FC;
// 主题浅色边框
$--border-color-primary-light: #aec8ec;

// 文字颜色
// 主要文字颜色
$--color-text-primary: #303133;
// 常规文字颜色
$--color-text-regular: #606266;
// 次要文字颜色
$--color-text-secondary: #969799;
// 占位文字颜色
$--color-text-placeholder: #C0C4CC;
// 链接文字
$--color-text-link: #38f38f;


// 背景颜色
// 基础背景色
$--background-color-base   : #F7F9FA;
// 浅色背景颜色
$--background-color-light   : #EBF0F3;
$--background-color-primary-light   : #f1f8ff;
$--background-color-primary-dark   : #e0edff;
// 
// $--background-color-heavy: #EBF0F3;

// 顶部宽度
$layoutTopHeight: 66px;